169-How to set the order of the chart tooltip display content—

Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Relationship Explorer plus

It is not only a fully functional graph visualization library, but also an explorer of data relationships.

!!!###!!!title=169-How to set the order of the chart tooltip display content——VisActor/VChart FAQ documents!!!###!!!

Question Description

I am using VChart, as shown in the following figure. How should I set the order of the data items displayed in the dimension tooltip? For example, set it to the descending order of the key value.

Solution

VChart's tooltip provides updateContent callback support for making arbitrary modifications to the displayed content, which can be configured in the tooltip spec. In the updateContent callback, the displayed content is provided as an array parameter, and you only need to make modifications before returning a new array. This can completely include sorting. The following examples can be referenced:

Code Example

Result

Quote

github：https://github.com/VisActor/VChart

Demo page: https://www.visactor.io/vchart/demo/bar-chart/stack-column

How to set the order of the chart tooltip display content?